<template>
    <div class="toolbar">
        <el-dropdown>
            <el-icon style="margin-right: 8px; margin-top: 1px">
                <Setting />
            </el-icon>
            <template #dropdown>
                <el-dropdown-menu>
                    <el-dropdown-item>1</el-dropdown-item>
                    <el-dropdown-item>2</el-dropdown-item>
                    <el-dropdown-item>3</el-dropdown-item>
                </el-dropdown-menu>
            </template>
        </el-dropdown>
        <span>Tom</span>
    </div>
</template>
<script lang='ts' setup>
import { Setting } from '@element-plus/icons-vue'
</script>
<style scoped>
.toolbar {
    padding: 0;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    right: 20px;
}</style>